import React, { useState } from 'react'
import { StyleSheet, Text, View, TextInput, Button } from 'react-native';
import { scaleSizeW, scaleSizeH, setSpText } from '../util/ScreenUtil'
import Icon from "../assets/fonts/iconfont";

export default (props) => {
    const [count, setCount] = useState(0);
    return (
        <View style={styles.container}>
            <View style={styles.setting}>
                <Text style={styles.Tips}></Text>
                <Text style={styles.huancun}><Icon name="fanhui" size={20} color="#3cb64f"/></Text>
                <Text style={styles.huancun}>设置</Text>
            </View>
            <View style={styles.welcome}>
                <Text style={styles.Tips}>清除缓存</Text>
                <Text style={styles.huancun}>19.1MB<Icon name="lajitong" size={scaleSizeW(36)}  /></Text>
            </View>
            <View style={styles.welcome}>
                <Text style={styles.Tips}>意见反馈</Text>
                <Text style={styles.huancun}>></Text>
            </View>
            <View style={styles.welcome}>
                <Text style={styles.Tips}>关于</Text>
                <Text style={styles.huancun}>></Text>
            </View>
        </View>
    )
}
const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: "#f2f2ed"
    },
    left:{
        width:scaleSizeW(20),
        height:scaleSizeH(50)
    },
    setting: {
        height:scaleSizeH(90),
        alignItems:"center",
        flexDirection: "row",
        backgroundColor: "white",
        height: scaleSizeH(100),
        borderBottomColor: "#fafbf8",
        borderBottomWidth: scaleSizeW(2),
        borderStyle: "solid",
        marginBottom:scaleSizeH(44),
    },
    welcome: {
        flexDirection: "row",
        justifyContent: "space-between",
        alignItems: "center",
        backgroundColor: "white",
        height: scaleSizeH(100),
        borderBottomColor: "#fafbf8",
        borderBottomWidth: scaleSizeW(4),
        borderStyle: "solid",
    },
    Tips: {
        color: "black",
        fontSize: setSpText(30),
        paddingLeft: scaleSizeW(36),
    },
    huancun: {
        color: "black",
        fontSize: setSpText(30),
        paddingRight: scaleSizeW(70),
    }
})
